import React from "react";
import axios from "axios";
class App extends React.Component {
  constructor() {
    super();
    this.state = {
      a: [],
      b: [],
      c: [],
      d: [],
      e: [],
      f: [],
      g: [],
      h: [],
      i: [],
      j: [],
    };
  }
  
  
  /* 
  a= 蔡正平= 43.153.65.89
  b= 郭发展=  43.153.79.98
  c = 郭蒋平= 43.135.172.133
  d  = 郭凯鸿6=43.152.217.89
  e=  郭煜尚7= 43.158.210.229
  f= 李瑶瑶2= 43.158.194.253
  g=  潘秀丽1= 43.134.231.239
  h=    彭香兰8=  43.135.155.149
  i= 叶凤华3=43.156.231.195
  j= 沈信义5=119.28.250.113
  k=刘爱绿4=119.28.250.113
  */
  componentDidMount() {
   // 账号1的高度a
    axios
      .get("http://43.153.65.89:31401")
      .then((res) => {
        console.log(res.data.core_latest_ledger);
        this.setState({
          a: res.data.core_latest_ledger,
        });
      })
      .catch((err) => {
        this.setState({ a: "获取高度失败" });
      });
      //账号2高度b
    axios
      .get("http://43.153.79.98:31401")
      .then((res) => {
        console.log(res.data.core_latest_ledger);
        this.setState({
          b: res.data.core_latest_ledger,
        });
      })
      .catch((err) => {
        this.setState({ b: "获取高度失败" });
      });
         //账号3高度c
    axios
      .get("http://43.135.172.133:31401")
      .then((res) => {
        console.log(res.data.core_latest_ledger);
        this.setState({
          c: res.data.core_latest_ledger,
        });
      })
      .catch((err) => {
        this.setState({ c: "获取高度失败" });
      });
         //账号4高度d
    axios
      .get("http://43.152.217.89:31401")
      .then((res) => {
        console.log(res.data.core_latest_ledger);
        this.setState({
          d: res.data.core_latest_ledger,
        });
      })
      .catch((err) => {
        this.setState({ d: "获取高度失败" });
      });
         //账号5高度e
    axios
      .get("http://43.158.210.229:31401")
      .then((res) => {
        console.log(res.data.core_latest_ledger);
        this.setState({
          e: res.data.core_latest_ledger,
        });
      })
      .catch((err) => {
        this.setState({ e: "获取高度失败" });
      });
         //账号6高度f
    axios
      .get("http://43.158.194.253:31401")
      .then((res) => {
        console.log(res.data.core_latest_ledger);
        this.setState({
          f: res.data.core_latest_ledger,
        });
      })
      .catch((err) => {
        this.setState({ f: "获取高度失败" });
      });
         //账号7高度g
    axios
      .get("http://43.134.231.239:31401")
      .then((res) => {
        console.log(res.data.core_latest_ledger);
        this.setState({
          g: res.data.core_latest_ledger,
        });
      })
      .catch((err) => {
        this.setState({ g: "获取高度失败" });
      });
         //账号8高度h
    axios
      .get("http://43.135.155.149:31401")
      .then((res) => {
        console.log(res.data.core_latest_ledger);
        this.setState({
          h: res.data.core_latest_ledger,
        });
      })
      .catch((err) => {
        this.setState({ h: "获取高度失败" });
      });
         //账号9高度i
    axios
      .get("http://43.156.231.195:31401")
      .then((res) => {
        console.log(res.data.core_latest_ledger);
        this.setState({
          i: res.data.core_latest_ledger,
        });
      })
      .catch((err) => {
        this.setState({ i: "获取高度失败" });
      });
         //账号10高度j
    axios
      .get("http://119.28.250.113:31401")
      .then((res) => {
        console.log(res.data.core_latest_ledger);
        this.setState({
          j: res.data.core_latest_ledger,
        });
      })
      .catch((err) => {
        this.setState({ j: "获取高度失败" });
      });
        //账号10高度k
    axios
    .get("http://119.28.250.113:31401")
    .then((res) => {
      console.log(res.data.core_latest_ledger);
      this.setState({
        k: res.data.core_latest_ledger,
      });
    })
    .catch((err) => {
      this.setState({ k: "获取高度失败" });
    });
  }
  render() {
    return (
      <div>
            
        <center>
       <h1> 李福金11台节点区块情况</h1><br></br>
          蔡正平： <input type="text" value={this.state.a}></input>
          <br></br>
          郭发展： <input type="text" value={this.state.b}></input>
          <br></br>
          郭凯鸿6： <input type="text" value={this.state.d}></input>
          <br></br>
          郭蒋平： <input type="text" value={this.state.c}></input>
          <br></br>
          郭煜尚7： <input type="text" value={this.state.e}></input>
          <br></br>
      
          李瑶瑶2： <input type="text" value={this.state.f}></input>
          <br></br>
          潘秀丽1： <input type="text" value={this.state.g}></input>
          <br></br>
          彭香兰8： <input type="text" value={this.state.h}></input>
          <br></br>
          叶凤华3： <input type="text" value={this.state.i}></input>
          <br></br>
          刘爱绿4： <input type="text" value={this.state.k}></input>
          <br></br>
          沈信义5： <input type="text" value={this.state.j}></input>
         
        </center>
      </div>
    );
  }
}

export default App;
